<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
/* 苹果风格的全局样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #f5f5f7;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  color: #1d1d1f;
  line-height: 1.47059;
  font-weight: 400;
  letter-spacing: -0.022em;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#app {
  min-height: 100vh;
  background-color: #f5f5f7;
}

/* 重置Element Plus样式以符合苹果风格 */
.el-button {
  border-radius: 12px !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  letter-spacing: -0.022em !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.el-button--primary {
  background-color: #007aff !important;
  border-color: #007aff !important;
  color: #ffffff !important;
}

.el-button--primary:hover,
.el-button--primary:focus {
  background-color: #0051d5 !important;
  border-color: #0051d5 !important;
}

.el-input__wrapper {
  border-radius: 12px !important;
  border: 1px solid #d2d2d7 !important;
  background-color: #ffffff !important;
  font-size: 17px !important;
  padding: 12px 16px !important;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.el-input__wrapper:hover {
  border-color: #007aff !important;
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1) !important;
}

.el-input__wrapper.is-focus {
  border-color: #007aff !important;
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.15) !important;
}

.el-input__inner {
  color: #1d1d1f !important;
  font-weight: 400 !important;
  letter-spacing: -0.022em !important;
}

.el-input__inner::placeholder {
  color: #86868b !important;
  font-weight: 400 !important;
}

.el-form-item__label {
  color: #1d1d1f !important;
  font-weight: 500 !important;
  font-size: 17px !important;
  letter-spacing: -0.022em !important;
}

.el-message {
  border-radius: 12px !important;
  font-weight: 500 !important;
  letter-spacing: -0.022em !important;
}

.el-input-number {
  width: 100% !important;
}

.el-input-number .el-input__wrapper {
  padding-right: 50px !important;
}
</style> 